<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ include file="/WEB-INF/jsp/common/page_init.jsp"%>
<%
	JSONObject result = (JSONObject)request.getAttribute("result");
	boolean SHOW_MENU_IFS = (boolean)request.getAttribute("SHOW_MENU_IFS");
	int esb_nodeCount = result.getIntValue("esb_nodeCount");
	int ifs_nodeCount = result.getIntValue("ifs_nodeCount");
%>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title><%=CommonConfig.getString("SYSTEM_TITLE")%></title>
<script src="<%=contextPath%>/js/common/plug-in/highCharts/highcharts.js"></script>
<script type="text/javascript" src="<%=contextPath%>/js/console/monitor/panorama.js"></script>
<script type="text/javascript">
   		var result = <%=result%>;
   		var SHOW_MENU_IFS = <%=SHOW_MENU_IFS%>;
		$(".node-state").height( $(window).height());
		$(".node-state-detail").height( $(window).height());
</script>
</head>
<body>

 <div class="main-nav">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    	<%if(result.getIntValue("esb_nodeCount")>0){
    		JSONArray esb_records = result.getJSONArray("esb_records");
    		for(int i=0;i<esb_records.size();i++){
    			JSONObject row = esb_records.getJSONObject(i);
    			String nodeId = row.getString("nodeId");
    			String nodeType = row.getString("nodeType");
    			String netIp = row.getString("netIp");
    			String nodeName = row.getString("nodeName");
    	%>	
    	
	        <tr>
	        <td class="bor-left" width="100%" valign="top" colspan="3">
	        <div class="title-btej"><span class="title-bg width_100" id="nodeDetailTitle">节点：<%=nodeName %>[<%=netIp %>]</span></div>
	        </td>
	        </tr>
	        <tr>
	        <td class="" width="32%" valign="top">
	        <div class="pl10  pb10">
		        <div class="monitor-panorama mt10" style="width: 100%; height: 200px;" id="container_<%=nodeId %>_1"></div>
	        </div>
	        </td>
	        <td class="" width="32%" valign="top">
	        <div class="pl10  pb10">
		        <div class="monitor-panorama mt10" style="width: 100%; height: 200px;" id="container_<%=nodeId %>_2"></div>
	        </div>
	        </td>
	        <td class="" width="32%" valign="top">
	        <div class="pl10  pb10">
		        <div class="monitor-panorama mt10" style="width: 100%; height: 200px;" id="container_<%=nodeId %>_3"></div>
	        </div>
	        </td>
	        </tr>
    	
    	<%	}
    		
    	} %>
    	<%if(SHOW_MENU_IFS) {%>
    		
	        <%if(result.getIntValue("ifs_nodeCount")>0){
	    		JSONArray esb_records = result.getJSONArray("ifs_records");
	    		for(int i=0;i<esb_records.size();i++){
	    			JSONObject row = esb_records.getJSONObject(i);
	    			String nodeId = row.getString("nodeId");
	    			String nodeType = row.getString("nodeType");
	    			String netIp = row.getString("netIp");
	    			String nodeName = row.getString("nodeName");
	    	%>	
	    	
		        <tr>
		        <td class="bor-left" width="100%" valign="top" colspan="3">
		        <div class="title-btej"><span class="title-bg width_100" id="nodeDetailTitle">节点：<%=nodeName %>[<%=netIp %>]</span></div>
		        </td>
		        </tr>
		        <tr>
		        <td class="" width="32%" valign="top">
		        <div class="pl10  pb10">
			        <div class="monitor-panorama mt10" style="width: 100%; height: 200px;" id="container_<%=nodeId %>_1"></div>
		        </div>
		        </td>
		        <td class="" width="32%" valign="top">
		        <div class="pl10  pb10">
			        <div class="monitor-panorama mt10" style="width: 100%; height: 200px;" id="container_<%=nodeId %>_2"></div>
		        </div>
		        </td>
		        <td class="" width="32%" valign="top">
		        <div class="pl10  pb10">
			        <div class="monitor-panorama mt10" style="width: 100%; height: 200px;" id="container_<%=nodeId %>_3"></div>
		        </div>
		        </td>
		        </tr>
	    	
	    	<%	}
	    		
	    	} %>
    	<%}%>
    </table>
</div>
<script type="text/javascript">
		$(".node-state").height( $(window).height());
		$(".node-state-detail").height( $(window).height());
    </script>
</body>
</html>